<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>入住用户个人信息审核</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="vendor/jquery/jquery-1.10.2.min.js"></script>

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!--页面独有-->
    <script src="dist/js/yulan.js"></script>
    <link href="dist/css/style.css" rel="stylesheet" type="text/css" />
        <!-- 验证 -->
    <link rel="stylesheet" href="dist/css/bootstrapValidator.css"/>
    <script type="text/javascript" src="dist/js/validate/bootstrapValidator.js"></script>
    <script type="text/javascript" src="dist/js/validate/userDetail.js"></script>
    <!-- 日历 -->
    <link href="dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="dist/js/bootstrap-datetimepicker.js"></script>     
    <script src="dist/js/bootstrap-datetimepicker.zh-CN.js" ></script> 
    <!-- 上传图片 -->
    <script src="dist/js/webcam.min.js" ></script> 
    <style>
      .borwser{
        position:fixed;
        top:0;
        width:100%;
        height:100%;
        background: rgba(102,102,102,1);
        display: none;
      }
    </style>
  </head>
  <body class="skin-blue sidebar-mini">
    <div class="wrapper">
      <header class="main-header">
        <a href="index.html" class="logo">
          <span class="logo-mini"><b>S</b>P</span>
          <span class="logo-lg"><b>上铺后台</b></span>
        </a>
        <nav class="navbar navbar-static-top" role="navigation">

          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" style="padding:15px 12px";>
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>

      <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->
              <li class="dropdown ">
                <a href="gl1.html" >
                  <i class="fa ">新人员审核</i>
                  <span class="label label-success">9</span>
                </a>
              </li>
              <!-- Notifications: style can be found in dropdown.less -->
              <li class="dropdown ">
                <a href="z4.html" >
                  <i class="fa ">新申请</i>
                  <span class="label label-danger">9</span>
                </a>
              </li>
              <li class="dropdown ">
                <a href="z11.html" >
                  <i class="fa ">新购买</i>
                  <span class="label label-info">9</span>
                </a>
              </li>
              <li class="dropdown ">
                <a href="z10.html" >
                  <i class="fa ">新租赁</i>
                  <span class="label label-primary">9</span>
                </a>
              </li>
              <!-- Tasks: style can be found in dropdown.less -->
              <li class="dropdown ">
                <a href="z9.html" >
                  <i class="fa ">新报修</i>
                  <span class="label label-warning">9</span>
                </a>
              </li>
               <li class="dropdown user user-menu">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
               <span class="hidden-xs">用户名Style</span>
               </a>
               </li>
            <li class="dropdown go_back">
              <a href="#">
                <span class="glyphicon glyphicon-remove"></span>
              </a>
            </li>               
            </ul>
      </div>

        </nav>
      </header>
<script>
  window.onload=function(){
    $(".go_back").click(function(){
    window.history.go(-1);      
    })

  }
</script>

     <!-- 左边导航列表main-sidebar start -->
      <aside class="main-sidebar">
        <section class="sidebar">
          <ul class="sidebar-menu">
            <li class="header">主菜单</li>
            <li class="treeview ">
              <a href="#">
                <i class="fa fa-street-view"></i> <span>管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="index.html"><i class="fa fa-user"></i> 上铺后台首页</a></li>
              </ul>
            </li>
            <li class="treeview active">
              <a href="#">
                <i class="fa fa-laptop"></i>
                <span>用户管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li class = "active"><a href="normal-user.html"><i class="fa fa-user"></i> 普通用户管理</a></li>
                <li><a href="gl1.html"><i class="fa fa-adjust"></i>入住用户管理</a></li>
                <li><a href="gl2.html"><i class="fa fa-users"></i> 内部折扣管理</a></li>
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-folder-open-o"></i>
                <span>合同管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li class = "active"><a href="contract-1.html"><i class="fa fa-edit (alias)"></i> 合同管理</a></li>
              </ul>
            </li>
            <li class="treeview ">
              <a href="#">
                <i class="fa fa-university"></i> <span>租房管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="z17.html"><i class="fa fa-edit (alias)"></i> 入住协议</a></li>
                <li><a href="z21.html"><i class="fa fa-key"></i> 门卡信息</a></li>
                <li><a href="z1.html"><i class="fa fa-square"></i> 整租房间管理</a></li>
                <li><a href="z2.html"><i class="fa fa-bed"></i> 床位管理</a></li>
                <li><a href="z19.html"><i class="fa fa-archive"></i> 办公房管理</a></li>
                <li><a href="z20.html"><i class="fa  fa-calculator"></i> 办公桌管理</a></li>
                <li><a href="z3.html"><i class="fa  fa-building"></i> 店铺房管理</a></li>
                <li><a href="z4.html"><i class="fa  fa-calendar-o"></i> 申请用房管理</a></li>
                <li><a href="z6.html"><i class="fa fa-cab (alias)"></i> 车库管理</a></li>
                <li><a href="z7.html"><i class="fa fa-tty"></i> 浴室管理</a></li>
                <li><a href="z8.html"><i class="fa fa-sliders"></i> 预定管理</a></li>
                <li><a href="z9.html"><i class="fa fa-wrench"></i> 物业报修</a></li>
                <li><a href="z10.html"><i class="fa fa-exclamation-circle"></i> 租赁管理</a></li>
                <li><a href="z11.html"><i class="fa fa-shopping-cart"></i> 购买管理</a></li>
                <li><a href="z12.html"><i class="fa fa-wifi"></i> WIFI密码管理</a></li>
                <li><a href="z13.html"><i class="fa  fa-newspaper-o"></i> 公告通知</a></li>
                <li><a href="z14.html"><i class="fa fa-bar-chart-o (alias)"></i> 物品管理</a></li>
                <li><a href="z16.html"><i class="fa fa-credit-card"></i> 其他收支管理</a></li>
              </ul>
            </li>
            <li class="treeview ">
              <a href="#">
                <i class="fa  fa-inbox"></i> <span>收据发票</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="z18.html"><i class="fa  fa-comments-o"></i> 收据信息管理</a></li>
                <li><a href="z15.html"><i class="fa fa-file"></i> 开票信息管理</a></li>

              </ul>
            </li>
            <li class="treeview ">
              <a href="#">
                <i class="fa  fa-list-ul"></i> <span>报表</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="bb1.html"><i class="fa fa-file-text"></i> 在住汇总表</a></li>
                <li><a href="bb2.html"><i class="fa fa-file-image-o"></i> 退租汇总表</a></li>
                <li><a href="bb3.html"><i class="fa fa-file-text-o"></i> 费用明细汇总表</a></li>
                <li><a href="bb4.html"><i class="fa fa-file-archive-o"></i> 房间电余额汇总表</a></li>
                <li><a href="bb5.html"><i class="fa fa-file-zip-o (alias)"></i> 房间水余额汇总表</a></li>
                <li><a href="bb6.html"><i class="fa fa-file-powerpoint-o"></i> 收入记账</a></li>
                <li><a href="bb7.html"><i class="fa fa-file-code-o"></i> 支出记账</a></li>
                <li><a href="bb8.html"><i class="fa fa-file-o"></i> 收支报表</a></li>
              </ul>
            </li>
            <li class="treeview ">
              <a href="#">
                <i class="fa fa-cog"></i> <span>设置</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="zf1.html"><i class="fa fa-connectdevelop"></i> 区域设置</a></li>
                <li><a href="zf2.html"><i class="fa fa-building"></i> 楼房设置</a></li>
                <li><a href="zf3.html"><i class="fa fa-coffee"></i> 房间设置</a></li>
                <li><a href="zf4.html"><i class="fa fa-lightbulb-o"></i> 租房预设置</a></li>
                <li><a href="zf5.html"><i class="fa fa-folder"></i> 合同设置</a></li>
                <li><a href="zf6.html"><i class="fa fa-bookmark-o"></i> 门禁设置</a></li>
                <li><a href="zf7.html"><i class="fa fa-sliders"></i> 电费设置</a></li>
                <li><a href="zf8.html"><i class="fa fa-tty"></i> 水费设置</a></li>
                <li><a href="zf9.html"><i class="fa fa-rss"></i> WIFI设置</a></li>
                <li><a href="zf10.html"><i class="fa  fa-leaf"></i> 通知设置</a></li>
                <li><a href="zf11.html"><i class="fa fa-truck"></i> 购买设置</a></li>
                <li><a href="zf12.html"><i class="fa fa-sitemap"></i> 租赁设置</a></li>
                <li><a href="zf13.html"><i class="fa  fa-tasks"></i> 物品设置</a></li>
                <li><a href="zf14.html"><i class="fa fa-question-circle"></i> 设备设置</a></li>
                <li><a href="zf15.html"><i class="fa fa-pie-chart"></i> 积分折扣设置</a></li>
                <li><a href="zf16.html"><i class="fa fa-money"></i> 抵用券设置</a></li>
              </ul>
            </li>
            <li class="treeview ">
              <a href="#">
                <i class="fa fa-user-secret"></i> <span>管家</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="gly1.html"><i class="fa fa-user"></i> 管理员</a></li>
                <li><a href="gly2.html"><i class="fa fa-user-md"></i> 角色</a></li>
              </ul>
            </li>
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>
      <!-- 左边导航列表end -->

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <section class="content-header">
          <h1>
            入住用户个人信息审核
          </h1>
          <ol class="breadcrumb">
            <li><a href="index.html"><i class="fa fa-home"></i> 主页</a></li>
            <li class="active"><a href="gl1.html"><i class="fa fa-users"></i>普通用户管理</a></li>
            <li class="active"><i class="fa fa-circle-o"></i>入住用户个人信息审核</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- /.col -->
            <div class="col-xs-12">
              <div class="box box-primary">
                <div class="box-body">
                 <form action="#" method="get" id="information">
                  <div class="table-responsive mailbox-messages">
                    <table class="table table-hover table-striped ">
                      <tbody>
                      <tr>
                        <th >登录手机号</th>
                        <td>
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入手机号" name="mobile" >
                          <span class="help-block" id="mobileMessage"></span>
                         </div>
                        </td>
                      </tr>
                      <tr>
                        <th >密码</th>
                        <td>
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入密码" name="password" >
                          <span class="help-block" id="passwordMessage"></span>
                         </div>
                        </td>
                      </tr>  
                      <tr>
                        <th >余额</th>
                        <td>
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入手机号" name="profile_funds" readonly="true">
                         </div>
                        </td>
                      </tr>  
                      <tr>
                        <th >所属企业</th>
                        <td>
                        <div class="form-group">
                           <select class="form-control form-control" type="select" id="enterprise_id" name="enterprise_id">
                              <option value="1">巨贝</option><option value="4">310109198205091519</option>
                              <option value="6">329322199102162220</option>
                              <option value="10">372928199105240011</option>
                              <option value="11">430421197704184537</option>
                              <option value="12">奢饰品</option>
                              <option value="13">360281199407271411</option>
                              <option value="14">330381199302084767</option>
                              <option value="15">山东科技大学</option>
                            </select>
                        </div>
                      </td>
                      </tr>
                      <tr>
                        <th>读取身份证信息</th>
                        <td>
                          <div class="form-group">
                            <button type='button' class='btn btn-primary'  style="margin-bottom:5px" onclick="btnRead();">读取身份证</button>
                          </div>
                        </td>
                      </tr>
                      <tr>
                        <th >昵称/姓名</th>
                        <td>
                        <div class="form-group">
                         <input type="text" class="form-control" value="" placeholder="请输入联系人" id='Name' name="nick" >
                        </div>
                      </td>
                      </tr>
                      <tr>
                        <th >性别</th>
                        <td>
                          <div class="form-group">
                            <input type="text" class="form-control" id='Sex' name='gender'>
                          </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >民族</th>
                        <td> 
                        <div class="form-group">
                          <input type="text" class="form-control" value="" id='Nation' name="profile_nation" >
                        </div>  
                        </td>
                      </tr>
                      <tr>
                        <th >出生年月</th>
                        <td>
                          <div class="form-group">
                           <input type="text" class="form-control" name='profile_birthday' id='Borth'>
                          </div>
                        </td>
                      </tr>
                      <tr>
                        <th >身份证号</th>
                        <td> 
                         <div class="form-group">
                          <input type="text" class="form-control" name='profile_ID_no' id='IDCode'>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >地址</th>
                        <td>
                          <div class="form-group">
                             <input type="text" class="form-control" name='profile_address' id='Adress'>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >紧急联系人</th>
                        <td>
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入紧急联系人" name="connect" >
                          <span class="help-block" id="connectMessage"></span>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >紧急联系电话</th>
                        <td>
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入紧急联系电话" name="connectTel" >
                          <span class="help-block" id="connectTelMessage"></span>
                         </div>  
                        </td>
                      </tr>
                      <tr>
                        <th >学历</th>
                        <td> 
                         <div class="form-group">
                          <select name="xueli" id="" style="height:34px;" class="form-control">
                            <option value="小学未毕业">小学未毕业</option>
                            <option value="小学">小学</option>
                            <option value="初中">初中</option>
                            <option value="高中">高中</option>
                            <option value="大专">大专</option>
                            <option value="本科">本科</option>
                            <option value="硕士">硕士</option>
                            <option value="博士">博士</option>
                            <option value="博士以上">博士以上</option>
                          </select>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >单位或学校名称</th>
                        <td> 
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="单位或学校名称" name="school" >
                          <span class="help-block" id="schoolMessage"></span>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >籍贯</th>
                        <td> 
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="浙江" name="jiguan" >
                          <span class="help-block" id="jiguanMessage"></span>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >政治面貌</th>
                        <td>
                         <div class="form-group">
                          <select name="Politics" id="" style="height:34px;" class="form-control">
                            <option value="群众">群众</option>
                            <option value="团员">团员</option>
                            <option value="党员">党员</option>
                          </select>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >邮箱</th>
                        <td> 
                         <div class="form-group">
                          <input type="text" class="form-control" value="" placeholder="请输入邮箱" name="Email" >
                           <span class="help-block" id="EmailMessage"></span>
                         </div> 
                        </td>
                      </tr>
                      <tr>
                        <th >证件正面</th>
                        <td> 
                          <div id="file1" class="form-group">
                          <input class="fileInput" type="file" id="img1" onchange="javascript:setImagePreviews7();" name="img1" >
                          <span class="help-block" id="img1Message"></span>
                        </div>
                        <div class="form-group">
                          <div id="my_camera"></div>
                          <button type='button' class='btn btn-primary' onClick="take_snapshot()">拍照</button>
                        </div>
                        </td>
                      </tr>
                      <tr>
                        <th >证件反面</th>
                        <td> 
                          <div id="file2" class="form-group">
                          <input class="fileInput" type="file" id="img2" onchange="javascript:setImagePreviews8();" name="img2" >
                          <span class="help-block" id="img2Message"></span>
                        </div>
                        </td>
                      </tr>
                      <tr>
                        <th >手持证件照片</th>
                        <td> 
                          <div id="file3" class="form-group">
                          <input class="fileInput" type="file" id="img3" onchange="javascript:setImagePreviews9();" name="img3" >
                          <span class="help-block" id="img3Message"></span>
                        </div>
                        </td>
                      </tr>
                      <tr>
                        <th >头像照</th>
                        <td> 
                          <div id="file4" class="form-group">
                          <input class="fileInput" type="file" id="img4" onchange="javascript:setImagePreviews10();" name="img4" >
                          <span class="help-block" id="img4Message"></span>
                        </div>
                        </td>
                      </tr>
                      </tbody>
                    </table>
                    <p id='spara' style='visibility: hidden'></p>
                  </div>
                  <div class="box-footer">
                    <button type="submit"  class="btn btn-success "  style="margin-bottom:5px" >保存</button>
                    <button type="button"  class="btn btn-default"  style="margin-bottom:5px" onclick="javascript:window.history.go(-1)">返回</button>
                  </div>
                 </form>                
                </div><!-- /.box-body -->
              </div><!-- /. box -->
            </div><!-- /.col -->
            <div class="borwser">
            <div id="my_camera"></div>
             <button type='button' class='btn btn-primary' onClick="take_snapshot()">拍照</button>
            </div>
          </div>
    <script type="text/javascript">
    var pgph = document.getElementById("spara");
    var obj = document.createElement("object");
    obj.type = "application/win32-npCardRead";
    obj.width = 100;
    obj.height = 100;
    insertAfter(obj,pgph);
    obj.OnJsFunc = objJSfunc;

    function objJSfunc()
    {
      alert("JS function called!");
    }

    function insertAfter(newEl, targetEl)
    {
      var parentEl = targetEl.parentNode;
      if(parentEl.lastChild == targetEl)
      {
        parentEl.appendChild(newEl);
      }else
      {
        parentEl.insertBefore(newEl,targetEl.nextSibling);
      }
    }
  
    function btnRead()
    {     
      var  re;
        document.getElementById("Name").value="";
        document.getElementById("Sex").value="";
        document.getElementById("Nation").value="";
        document.getElementById("Borth").value="";
        document.getElementById("IDCode").value="";
        document.getElementById("Adress").value="";
        re=obj.ReadCard();
        if (re=="0") {
      document.getElementById("Name").value=(obj.Name);
      document.getElementById("IDCode").value=obj.CardNo;
       
        document.getElementById("Sex").value=(obj.Sex);
        document.getElementById("Nation").value=(obj.Nation);
          document.getElementById("Borth").value=(obj.Birthday);
        document.getElementById("IDCode").value=obj.CardNo;
       }
      else if(re=="4")
      {
          document.getElementById("strinput").value="¶Á¿¨Ê§°Ü,È¨ÏÞÎÊÌâ£¬ÎÞ·¨Éú³ÉÏà¹ØÎÄ¼þ";
      }else
     {
            document.getElementById("strinput").value="¶Á¿¨Ê§°Ü,ÇëÖØÐÂ·ÅÉí·ÝÖ¤.....";
     }
      
    }

    //拍照
      Webcam.set({
      width: 400,
      height: 400,
      image_format: 'jpeg',
      jpeg_quality: 90
    });
    Webcam.attach( '#my_camera' );
    function take_snapshot() {
      // take snapshot and get image data
      Webcam.snap( function(data_uri) {
        // display results in page
        document.getElementById('results').innerHTML = 
          '<h2>Here is your image:</h2>' + 
          '<img src="'+data_uri+'"/>';
      } );
    }
  </script>
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
    <!--版权声明start-->
    <footer class="main-footer">
      <div class="pull-right hidden-xs">
        <b>Version</b> 1.0
      </div>
      <strong>Copyright &copy; 2014-2015 <a href="#">上铺</a>.</strong> All rights reserved.
    </footer>
    <!--/版权声明end-->
    <div class='control-sidebar-bg'></div>
      
    </div><!-- ./wrapper -->

    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src='plugins/fastclick/fastclick.min.js'></script>
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
    <script src="dist/js/demo.js" type="text/javascript"></script>

  </body>
</html>